<template>
	<view class="content">
		<image @click="jumpList(1,'现场')" :src="imageUrl+'/job_hunting/job_fair/live.jpg'" class="block-item"></image>
		<image @click="jumpList(2,'网络')" :src="imageUrl+'/job_hunting/job_fair/network.jpg'" class="block-item"></image>
		<image @click="jumpList(3,'校园')" :src="imageUrl+'/job_hunting/job_fair/school.jpg'" class="block-item"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageUrl: ''
			}
		},
		methods: {
			jumpList(type, title) {
				uni.navigateTo({
					url: `/page_other/job_hunting/job_fair/list?type=${type}&title=${title}`
				})
			}
		},
		onLoad() {
			this.imageUrl = this.globalConfig.imageUrl;
		}
	}
</script>

<style lang="scss">
	page {
		background: #FAFAFA;
	}

	.content {
		width: 100%;
		padding: 30rpx;
		display: flex;
		flex-direction: column;

		.block-item {
			width: 100%;
			border-radius: 20rpx;
			margin-bottom: 35rpx;
			height: 220rpx;
			background: #fff;
			box-shadow: 4px 4px 4px 0px #e5e5e5;
		}
	}
</style>
